.record {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    &::-webkit-scrollbar {
        display: none
    }
    .address_icon {
        color: #4BE4CB;
        margin-right: .2rem;
        font-size: .4rem;
    }
    .arrow_icon {
        color: #B4C1C3;
        margin-left: .2rem;
        font-size: .2rem;
    }
    .search_view {
        display: flex;
        box-sizing: border-box;
        align-items: center;
        margin: .4rem;
        height: 1.17rem;
        background: rgba(244, 246, 249, 1);
        border-radius: .2rem;
        padding: 0 0 0 .4rem;
        .search_icon {
            display: block;
            width: .4rem;
            height: .4rem;
        }
        input::-webkit-input-placeholder {
            color: rgba(132, 144, 155, 1);
        }
        .input {
            width: 100%;
            height: 1rem;
            line-height: 1rem;
            background: rgba(244, 246, 249, 1);
            border: 0;
            outline: none;
            margin-left: .4rem;
            font-size: 0.35rem;
            font-weight: 500;
            color: rgba(132, 144, 155, 1);
        }
    }
    .filter_view {
        margin: .4rem;
        box-sizing: border-box;
        font-size: 0.37rem;
        font-weight: bold;
        color: rgba(54, 64, 74, 1);
        display: flex;
        align-items: center;
        .left {
            flex: 1;
            display: flex;
            align-items: center;
        }
        .right {
            display: flex;
            align-items: center;
        }
        .text {
            max-width: 3rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    }
    .list_view {
        width: 100%;
        flex: 1;
        overflow: hidden;
        .list {
            padding: .4rem;
            box-shadow: 0rem -0.15rem 0.4rem rgba(0, 0, 0, 0.05) inset;
            &:first-child {
                padding-top: 0;
            }
            .top {
                display: flex;
                align-items: center;
                justify-content: space-between;
                .order_num {
                    font-size: 0.35rem;
                    font-weight: bold;
                    color: rgba(54, 64, 74, 1);
                }
                .money {
                    font-size: 0.43rem;
                    font-weight: bold;
                    color: rgba(75, 228, 203, 1);
                }
            }
            .time {
                font-size: 0.29rem;
                font-weight: 500;
                color: rgba(132, 144, 155, 1);
                margin-top: .1rem;
            }
            .bottom {
                display: flex;
                align-items: center;
                margin-top: .4rem;
                .left {
                    display: flex;
                    align-items: center;
                    flex: 1;
                    .chatouhao {
                        font-size: .4rem;
                        margin-right: .2rem;
                        color: #4BE4CB;
                    }
                    .number {
                        font-size: 0.37rem;
                        font-weight: 500;
                        color: rgba(30, 50, 83, 1);
                        margin-right: .2rem;
                    }
                    .chatou {
                        font-size: 0.32rem;
                        font-weight: 500;
                        color: rgba(75, 92, 107, 1);
                        margin-right: .2rem;
                    }
                    .station {
                        font-size: 0.32rem;
                        font-family: PingFang-SC-Medium;
                        font-weight: 500;
                        color: rgba(75, 92, 107, 1);
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        max-width: 4rem;
                    }
                }
                .right {
                    display: flex;
                    align-items: center;
                    .charging {
                        font-size: 0.29rem;
                        font-weight: 500;
                        color: rgba(99, 109, 143, 1);
                        margin-right: .2rem;
                    }
                    .charging_time {
                        font-size: 0.29rem;
                        font-weight: 500;
                        color: rgba(132, 144, 155, 1);
                    }
                }
            }
        }
    }
    .stations_list {
        width: 100%;
        min-height: 8rem;
        flex: 1;
        overflow: hidden;
        padding: .2rem .4rem;
        box-sizing: border-box;
        .list {
            padding: .6rem 0;
            border-bottom: 1px solid #D4D4D7;
            &:first-child {
                padding-top: 0;
            }
            .station_view {
                display: flex;
                align-items: flex-start;
                font-size: 0.43rem;
                font-weight: bold;
                color: rgba(54, 64, 74, 1);
                .address_icon {
                    color: #4BE4CB;
                    margin-right: .2rem;
                    font-size: .4rem;
                }
            }
            .address {
                margin-top: .2rem;
                font-size: 0.37rem;
                font-weight: 500;
                color: rgba(153, 154, 157, 1);
                margin-left: .6rem;
            }
        }
    }
}

.nothing-contant {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    img {
        width: 2.772rem;
        height: 3.248rem;
    }
    .text{
        margin-top: 0.4rem;
        font-weight:600;
        font-size: 0.36rem;
        color: rgba(54, 64, 74, 1)
    }
}